<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
  <head>
    <base href="<%=basePath%>">
    <title>password_edit</title>
    <link rel="stylesheet" type="text/css" href="css/edittable.css"/>
    <link rel="stylesheet" type="text/css" href="css/validate.css"/>
    <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
	<script type="text/javascript" src="js/validate.js"></script>
	
    <script>
        $(function () {
            $("input[type=text],textarea").focus(function () {
                $(this).addClass("input_focus");
            }).blur(function () {
                $(this).removeClass("input_focus");
            });

            $(".form_btn").hover(function () {
                    $(this).css("color", "red").css("background", "#6FB2DB");
            },
                 function () {
                    $(this).css("color", "#295568").css("background", "#BAD9E3");
            });
		
			//验证密码
	        function validatePassword() {
	            var result=false;
	            var reg = /[a-zA-Z0-9]{6,20}/g;
	            var password = $("#password").val();
	            if (reg.test(password)) {
	                result = true;
	                $("#password_msg").removeClass().addClass("validate_ok").html("✓");
	            } else {
	                $("#password_msg").removeClass().addClass("validate_error").html("密码格式不正确");
	            }
	            return result;
	        }

			//验证重复密码
	        function validatePwdconfirm() {
	            var result=false;
	            var password = $("#password").val();
	            var pwdconfim = $("#pwdconfirm").val();
	            if(pwdconfim==""){
	                $("#pwdconfirm_msg").removeClass().addClass("validate_error").html("重复密码不能为空");
	            }else {
	                if (password == pwdconfim) {
	                    result = true;
	                    $("#pwdconfirm_msg").removeClass().addClass("validate_ok").html("✓");
	                } else {
	                    $("#pwdconfirm_msg").removeClass().addClass("validate_error").html("两次密码输入不一致");
	                }
	            }
	            return result;
	        }

	        $("#password").blur(function () {
	            validatePassword();
	        });
	        $("#pwdconfirm").blur(function () {
	            validatePwdconfirm();
	        });
	    });
</script>

</head>
<body>
	<div class="div_title">
	<div class="div_titlename"><img src="images/san_jiao.gif"><span>管理员添加</span></div>
	</div>
	<form action="AdminServlet.do" method="post">
		<input type="hidden" value="updatePassword" name="flag">
		<input type="hidden" value="${session_admin.id }" name="id">
		<table class="edit_table">
			<tr>
			    <td class="td_info">用户密码:</td>
			    <td>
			        <input type="text" class="txtbox" name="password" id="password" value="${admin.password}"/>
			    </td>
			    <td><label class="validate_info" id="password_msg">数字或英文,6-20位</label></td>
			</tr>
			<tr>
			    <td class="td_info">重复密码:</td>
			    <td><input type="text" class="txtbox" id="pwdconfirm" value="${admin.password}"/>
			    </td>
			    <td><label class="validate_info" id="pwdconfirm_msg">请输入重复密码</label></td>
			</tr>
			<tr>
		        <td class="td_info"></td>
		        <td>
		            <input class="form_btn" type="submit" value="提交" id="form_btn"/>
		            <input type="reset" class="form_btn" value="重置"/></td>
		        <td>
		            <label id="result_msg" class="result_msg">${msg}</label>
		        </td>
		   </tr>
		</table>
	</form>
</body>
</html>